<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>用户中心</title>
		<link rel="stylesheet" href="../library/css/mui.min.css" />
		<style type="text/css">
			.headImg {
				position: relative;
				padding: 8% 0px 9% 0px;
				background: url(../library/images/img/personal_bg@2x.jpg);
				text-align: center;
				background-size: 100% auto;
			}
			
			.touxiang {
				text-align: center;
				padding-bottom: 16px;
			}
			
			.cycleImage {
				width: 4em;
				height: 4em;
				padding: 0px;
				border-radius: 50%;
				border: 2px solid white;
				color: gray;
				margin: 0px auto;
				margin-bottom: 5px;
			}
			
			li a img {
				height: 30px;
				padding: 5px;
				float: left;
			}
			
			#ppabout ul li {
				line-height: 30px;
			}
			
			#touxiangword {
				font-size: 20px;
				padding: 0px;
				margin: 0px;
				color: #fff;
			}
			
			#touxiangword span {
				display: inline-block;
				margin-left: 5px;
				color: #f60;
			}
			
			.ppinfor {
				position: absolute;
				left: 0px;
				bottom: 0px;
				width: 100%;
				height: 60px;
				padding-top: 8px;
				background-color: rgba(0, 0, 0, 0.2);
			}
			
			.ppinfor p {
				line-height: 22px;
				font-size: 14px;
				margin: 0px;
			}
		</style>
		<style type="text/css">
			.icon {
				width: 1em;
				height: 1em;
				vertical-align: -0.15em;
				fill: currentColor;
				overflow: hidden;
			}
		</style>
	</head>

	<body>
		<div class="mui-content" id="ppabout">
			<div class="headImg" id="userinfo">
				<div class="touxiang">
					<div class="cycleImage">
						<img id="trueimg" src="../library/images/img/avatar.jpg" style="width: 100%; height: 100%; border-radius: 50%;" />
					</div>
					<p id="touxiangword">请登录<span></span></p>
				</div>
				<div class="ppinfor">
					<p id="companyName" style="color:white"></p>
					<p id="agreementTime" style="color:white"></p>
				</div>
			</div>
			<div class="content" id="userlist">
				<ul class="mui-table-view " style="margin-top: 10px;">

					<li class="mui-table-view-cell" id="user_message.html">
						<a id="changeaddress" class="mui-navigate-right">
							<span><svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-xiaoxi1"></use>
</svg></span> 我的消息
						</a>
					</li>
					<li class="mui-table-view-cell" id="user_cllection.html">
						<a class="mui-navigate-right">
							<span><svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-shoucang"></span> 我的收藏
						</a>
					</li>
					<li class="mui-table-view-cell" id="web_notice.html">
						<a class="mui-navigate-right">
							<span><svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-gonggao"></span> 网站公告
						</a>
					</li>
				</ul>
				<ul class="mui-table-view" style="margin-top: 10px;">
					<li class="mui-table-view-cell" id="user_setting.html">
						<a class="mui-navigate-right">
							<span><svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-shezhi"></span> 设置中心
						</a>
					</li>

				</ul>
				<ul class="mui-table-view" style="margin-top: 10px;">
					<li class="mui-table-view-cell" id="about_company.html">
						<a class="mui-navigate-right">
							<span ><svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-guanyu"></span> 关于易联
						</a>
					</li>

				</ul>
				<ul class="mui-table-view" id='signoutul' style="margin-top: 10px;margin-bottom: 20px;">
					<li id="signout" class="mui-table-view-cell" style="text-align: center;" >
						<span style="color: indianred;">退出登录</span>
					</li>
				</ul>
			</div>
		</div>
	 <script data-main="../library/js/app/main/menu" src="../library/js/libs/require.js"></script>
		<script type="text/javascript" src="../library/js/libs/iconfont.js" ></script>

		
	</body>

</html>